<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<%-- <%@ include file="/common/links.jsp"%> --%>
<!DOCTYPE HTML>
<html>
<head>


<%@ include file="/common/links.jsp"%>
<meta title="页面主布局"></meta>
<title>MainLayout</title>

<style type="text/css">

</style>

<SCRIPT type="text/javascript">
	var mainLayoutSettings_Outer = {
		applyDefaultStyles : false,
		north__paneSelector :  "#mainLayout_north",
		south__paneSelector :  "#mainLayout_south",
		north__initClosed:				false,
		south__initClosed:				false,
		east__paneSelector :   "#mainLayout_east",
		west__paneSelector :   "#mainLayout_west",

		center__paneSelector : "#mainLayout_center",
		west__showOverflowOnHover : true
	}

	jQuery(document).ready(function() {
		mainLayout = jQuery('body').layout(mainLayoutSettings_Outer);
		 jQuery.ajaxSetup({
			cache : false
		}); 
		 $("#mainLayout_west").find(':button').each(function() {
    		 jQuery(this).button();
    	    });
    		 jQuery("#logout_href").button();
	});

	function menuClick(url) {
		var jQueryContainer = jQuery(mainLayout.options.center.paneSelector);
		if (jQueryContainer.data("layoutContainer"))//layoutContainer是固定写法,是layout插件内部的固定表述
			jQueryContainer.layout().destroy()
		var jqxhr = jQuery('#mainLayout_center').load(
				url,
				function(response, status, xhr) {
					if (status == "error") {
						var msg = "Sorry but there was an error: ";
						promptMsg(status, msg + xhr.status + " "+ xhr.statusText)
					}
				});

	}
	function themeChanged() {
		var changedTheme = jQuery("#themeSwitcher").children('option:selected').val();
		window.location.href = "${ctx}/main?theme=" + changedTheme;
	}
</SCRIPT>
</head>
<body class="">
	<DIV id="mainLayout_center">
		<div class="header">Header</div>
		<div id="mainLayout_center_content" class="ui-layout-content"></div>
		<div class="footer">Footer</div>
	</DIV>
	<DIV id="mainLayout_north"
		onmouseover="mainLayout.allowOverflow('north')"
		onmouseout="mainLayout.resetOverflow(this)" style="height: 50px;">
		切换主题:<select id="themeSwitcher"
			style="position: absolute; overflow-x: hidden;"
			onchange="themeChanged();" title="fasdad">
			<option <c:if test="${csstheme=='base' }">selected</c:if>>base</option>
			<option <c:if test="${csstheme=='blitzer' }">selected</c:if>>blitzer</option>
			<option <c:if test="${csstheme=='cupertino' }">selected</c:if>>cupertino</option>
			<option <c:if test="${csstheme=='eggplant' }">selected</c:if>>eggplant</option>
			<option <c:if test="${csstheme=='flick' }">selected</c:if>>flick</option>
			<option <c:if test="${csstheme=='humanity' }">selected</c:if>>humanity</option>
			<option <c:if test="${csstheme=='overcast' }">selected</c:if>>overcast</option>
			<option <c:if test="${csstheme=='redmond' }">selected</c:if>>redmond</option>
			<option <c:if test="${csstheme=='smoothness' }">selected</c:if>>smoothness</option>
			<option <c:if test="${csstheme=='start' }">selected</c:if>>start</option>
			<option <c:if test="${csstheme=='sunny' }">selected</c:if>>sunny</option>
			<option <c:if test="${csstheme=='trontastic' }">selected</c:if>>trontastic</option>
			<option <c:if test="${csstheme=='vader' }">selected</c:if>>vader</option>
			<option <c:if test="${csstheme=='black-tie' }">selected</c:if>>black-tie</option>
			<option <c:if test="${csstheme=='dark-hive' }">selected</c:if>>dark-hive</option>
			<option <c:if test="${csstheme=='dot-luv' }">selected</c:if>>dot-luv</option>
			<option <c:if test="${csstheme=='excite-bike' }">selected</c:if>>excite-bike</option>
			<option <c:if test="${csstheme=='hot-sneaks' }">selected</c:if>>hot-sneaks</option>
			<option <c:if test="${csstheme=='le-frog' }">selected</c:if>>le-frog</option>
			<option <c:if test="${csstheme=='mint-choc' }">selected</c:if>>mint-choc</option>
			<option <c:if test="${csstheme=='pepper-grinder' }">selected</c:if>>pepper-grinder</option>
			<option <c:if test="${csstheme=='south-street' }">selected</c:if>>south-street</option>
			<option <c:if test="${csstheme=='swanky-purse' }">selected</c:if>>swanky-purse</option>
			<option <c:if test="${csstheme=='ui-darkness' }">selected</c:if>>ui-darkness</option>
			<option <c:if test="${csstheme=='ui-lightness' }">selected</c:if>>ui-lightness</option>
			<option <c:if test="${csstheme=='bootstrap' }">selected</c:if>>bootstrap</option>
		</select>

	</DIV>
	<DIV id="mainLayout_south">South</DIV>
 	<!--<DIV id="mainLayout_east">East</DIV> -->
	<DIV id="mainLayout_west" class="">
		<%@ include file="/common/menu.jsp"%>
	</DIV>
	<div id="dialog-confirm" title="Empty the recycle bin?"
		style="display: none;">
		<p>
			<span class="ui-icon ui-icon-alert"
				style="float: left; margin: 0 7px 20px 0;"></span>
		</p>
		<p id="msg">
			<b>36% of your storage space</b>
		</p>
	</div>
	<div id="dialog-message" title="Download complete"
		style="display: none;">
		<p>
			<span class="ui-icon ui-icon-circle-check"
				style="float: left; margin: 0 7px 50px 0;"></span>
		</p>
		<p id="msg">
			<b>36% of your storage space</b>
		</p>
	</div>
	<div id="loading" style="display: none;">
		<img src="${ctx}/images/loading.gif" />
	</div>
</body>
</html>